// @import '../../../style/index.less';

@prefix-cls: ~'inbiz-bar';

.@{prefix-cls} {
  // font-size: 14px; inbiz-bar
  width: 100%;

  .inbiz-bar-breadcrumb {
    margin-left: 25px;

    // span {
    //   color: var(--inbiz-color-heading) !important;
    // }
  }

  &-nodataContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  &-iconParent {
    position: relative;
    width: 100%;

    // canvas {
    //   top: 15px !important;
    // }
    .ant-dropdown-trigger {
      & > div {
        &:nth-child(1) {
          width: 100% !important;
          height: 100% !important;

          canvas {
            width: 100% !important;
            height: 100% !important;
          }
        }
      }
    }

    .icon {
      position: absolute;
      top: 16px;
      right: 16px;
      z-index: 999;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      border: 1px solid #aaa;
      border-radius: 3px;
      cursor: pointer;

      .iconicon {
        color: #aaa;
      }

      &:hover {
        border-color: #1989fa;

        .iconicon {
          color: #1989fa;
        }
      }
    }
  }

  &-childMap {
    display: none;
    height: 100%;
  }
}
